/* Code Copy */

/* Hugo's Code Block Wrapper Class */

.highlight {
  @apply relative z-0;
}

.highlight:hover > .copy-button {
  @apply visible;
}

/* Copy Button */

.copy-button {
  @apply invisible absolute right-0 top-0 z-10 w-20 py-1
  cursor-pointer font-mono text-sm whitespace-nowrap
  rounded-bl-md rounded-tr-md
  bg-neutral-200 text-neutral-700 opacity-90
  dark:bg-neutral-600 dark:text-neutral-200;
}

.copy-button:hover,
.copy-button:focus,
.copy-button:active,
.copy-button:active:hover {
  @apply bg-primary-100 dark:bg-primary-600;
}
